<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="format-detection" content="telephone=no"/>
    <meta http-equiv="Page-Enter" content="revealTrans(duration=4.0, transition=22)">
    <meta http-equiv="Page-Exit" content="revealTrans(duration=4.0, transition=22)">
    <!--No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--Add to homescreen for Chrome on Android-->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="apple-mobile-web-app-title" content="弹溜溜"/>
    <!--Tile icon for Win8(144x144+tile color)-->
    <meta name="msapplication-TileColor" content="#0e90d2">
    <title><{if $site_title}><{$site_title}><{else}>弹溜溜-国内首家科技金融互动社群<{/if}></title>
    <!-- 根据终端跳转不同的路径开始 -->
    <script type="text/javascript">
        //iOS10 Safari不识别viewport禁用缩放的暴力解决方案
        document.documentElement.addEventListener('touchstart', function (event) {
            if (event.touches.length > 1) {
                event.preventDefault();
            }
        }, false);
        if (!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
            var _href = window.location.href;
            if (/wx/i.test(_href)) {
                _href = _href.replace(/wx/g, "www");
            }
            if (/com\/arts.html/i.test(_href)) {
                _href = _href.replace("com/arts.html", "com/");
            }
            window.location.href = _href;
        }
    </script>
    <!-- 根据终端跳转不同的路径结束 -->
    <link rel="stylesheet" type="text/css" href="<{$style_dir}>/css/common.css">
    <link rel="stylesheet" type="text/css" href="<{$style_dir}>/css/index.css">
    <link rel="stylesheet" type="text/css" href="<{$style_dir}>/css/validate.css">
    <script src="/static/js/jquery-3.1.1.min.js" type="text/javascript"></script>
    <script src="/static/js/jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function () {
            $("img.lazy").lazyload({
                effect: "fadeIn",
                placeholder: "http://static.tan66.com/upfiles/df.jpg"
            });
        });
    </script>
    <script src="/static/js/common.js" type="text/javascript"></script>
    <script src="/static/js/jquery-mvalidate.js" type="text/javascript"></script>
    <!--百度统计 开始-->
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?b3e468b62dc773aae563a2422295d497";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

    <!--百度统计 结束-->
</head>
<body
<{if $body == "invite"}>class="invite-bg"<{/if}>>
<script type="text/javascript">
    var is_login = <{$alogin}>;
</script>
<style type="text/css">
    .app-fixed {
        position: fixed;
        bottom: 70px;
        left: 0;
        z-index: 999;
        width: 250px;
        height: 64px;
    }

    .app-fixed a {
        position: absolute;
        top: 0;
        left: 0;
        width: 250px;
        height: 64px;
        display: block;
        z-index: 8;
    }

    .app-fixed .close {
        position: absolute;
        right: -8px;
        top: -2px;
        width: 16px;
        height: 15px;
        background: #ccc;
        text-align: center;
        border-radius: 100%;
        color: #fff;
        font-weight: 100;
        line-height: 15px;
        padding: 6px;
        font-size: 21px;
        z-index: 9;
    }

    .app-smfixed {
        position: fixed;
        bottom: 80px;
        right: 15px;
        z-index: 999;
        width: 35px;
        height: 35px;
    }

    .app-smfixed a {
        position: absolute;
        background-color: #f07070;
        border-radius: 50%;
        left: 0;
        display: block;
        z-index: 8;
        padding: 5px;
    }

    .app-smfixed img {
        width: 25px;
    }

    .active-h {
        display: none;
    }

    .active-t {
        right: 15px;
    }
</style>
<{if $action=="loan"}>
<div class="public-field-bj publick-jq2" id="more_code">
    <div class="public-field-phone w100" id="more_code_con"  style="top: 5%;bottom: 0;left: 0;right: 0;margin: auto;">
        <div style="padding: 60px;">
            <img src="<{$style_dir}>/img/more_code.png"/>
        </div>
        <div class="close" style="position: absolute;width: 35px;right: 14%;top: 50px;">
            <img src="<{$style_dir}>/img/more_close.png"/>
        </div>
    </div>
</div>
<div class="app-smfixed" style="width: 60px;height: 60px;">
    <div>
        <img src="<{$style_dir}>/img/more_f.png" style="width: 100%"/>
    </div>
</div>
<script>
    $('#more_code .close').click(function () {
        $('#more_code').animate({width: "hide"}, 1000);
        $('#more_code').stop().fadeOut();
    })
    $('.app-smfixed div').click(function () {
        $.get("/s/15.html");
        $('#more_code').animate({top: "show"}, 1000);
        $('#more_code').stop().fadeIn();
    })
</script>
<{else}>
<div class="app-fixed <{if $first_access}>active-h<{/if}>">
    <a href="http://wx.tan.com/s/10.html"><img src="<{$style_dir}>/img/app-fixed.png"/></a>
    <b class="close"></b>
</div>
<div class="app-smfixed <{if $first_access}>active-t<{/if}>">
    <a href="javascript:;">
        <img src="<{$style_dir}>/img/dl.png"/>
    </a>
</div>
<script>
    $('.app-fixed .close').click(function () {
        $(this).parent().animate({width: "hide"}, 1000);
        $('.app-smfixed').animate({right: "15px"}, 1000);
    })
    $('.app-smfixed a').click(function () {
        $(this).parent().animate({right: "-60px"}, 1000);
        $('.app-fixed').animate({width: "show"}, 1000);
    })
</script>
<{/if}>

<!--在线客服-->
<!--
<a href="mqq://im/chat?chat_type=wpa&uin=2145212703&version=1&src_type=web" class="u-cs"><img src="<{$style_dir}>/img/cs.png"/></a>
<script type="text/javascript" charset="utf-8">
    function is_weixin(e) {
        var ua = window.navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == 'micromessenger') {
            e.attr('href', 'http://wpa.qq.com/msgrd?v=3&uin=2145212703&site=弹溜溜官方&menu=yes');
        } else {
            e.attr('href','mqq://im/chat?chat_type=wpa&uin=2145212703&version=1&src_type=web');
        }
    }
    $('.u-cs').click(function () {
        is_weixin($(this));
    });
    $('.app-fixed .close').click(function(){
    	$(this).parent().animate({width : "hide"},1000);
        $('.app-smfixed').animate({right:"20px"},1000);
    })
    $('.app-smfixed a').click(function(){
        $(this).parent().animate({right:"-60px"},1000);
       $('.app-fixed').animate({width : "show"},1000);
    })
    function funAppDown(e){
    	alert('长按打开!')
    }
    
</script>-->
